@import url("zzPublic.css");
@import url("zzScroll.css");
body{background:#fff;}
body,form{margin:0;padding:0;font:14px/180% "MicroSoft Yahei","宋体";color:#333;}
*{font-family:"MicroSoft Yahei","宋体";margin:0;padding:0;}/*此地方不要加颜色属性*/
.ul,li{list-style:none;}
.width{width:1200px;margin-left:auto;margin-right:auto;overflow:hidden;}
.l{float:left;}
.r{float:right;}
.c{clear:both;}
.m{margin-top:10px;}
.red{color:#f30;}
.dis{display:none;}
.m10{margin:10px;}
.mtb{ margin-top:10px; margin-bottom:10px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.mtb30{margin-top:30px;margin-bottom:30px;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#f30;}
img{border:0;}

h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:14px;}

.width_gray{
    width:100%;
    height:auto;overflow:hidden;
    background:#f8f8f8;
    padding:0 0 30px 0;
}
.white_bg{
    background:#fff;
}
.Position {
    height:40px;overflow:hidden;
    line-height:40px;
    font-size:12px;
}
.PageNav{
    width:100%;
    height:auto;overflow:hidden;
    margin:10px 0;
}
.PageNav li{
    float:right;
    padding:2px 10px;
    background:#0054a6;
    color:#fff;
    margin:0 5px 10px 5px;
    border-radius:5px;
    font-size:12px;
    transition:all 0.4s;
}
.PageNav li:hover{
    background:#d43d3d;
    box-shadow:0 5px 5px #ccc;
}
.PageNav li a{color:#fff;}
.PageNav .hover{
    background:#d43d3d;
}
.InfoTitle{
    width:94%;
    height:50px;line-height:50px;overflow:hidden;
    font-size:30px;
    margin:0 auto;
}
.info_content {
    width:94%;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 30px;
    margin:20px auto;
}
.info_content img{max-width:100%;margin:2px 0;}

.ContactWidth{
    width:94%;
    height:auto;overflow:hidden;
    margin:20px auto;
}
.ContactLeft{
    width:50%;float:left;
}
.ContactLeft img{max-width:100%;border:1px solid #eee;}
.ContactRight{
    width:50%;float:left;
}

.other_content {
    width:94%;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height:30px;
    margin:20px auto;
}
.other_content img{max-width:100%;margin:2px 0;}

.InfoPage{
    width:94%;
    height:auto;overflow:hidden;
    margin:10px auto;
    border-top:1px solid #eee;
}
.info_next{
    width:50%;float:left;
    height:40px;line-height:40px;overflow:hidden;
    text-indent:10px;
    color:#666;
}
.info_next a{color:#666;text-decoration:underline;}
.info_next a:hover{color:#f30;}

/*分页部分*/
.List_page{text-align:center;margin-bottom:10px;}
.List_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #eee;color:#A0A0A0;}
.List_page span{background:#0054a6;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #0054a6;}

/*内容分页部分*/
.content_page{}
.content_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #AECD9E;color:#A0A0A0;display:inline-block;}
.content_page a.on{background:#AECD9E;color:#fff;margin:1px;padding:4px 6px;border:1px solid #AECD9E;display:inline-block;}
.content_page input{position:absolute;margin:-5px 0 0 1px;*margin:0 0 0 1px;padding:1px 0 2px 0;*padding:0;background:#fff;border:1px solid #AECD9E;color:#A0A0A0;width:30px;height:22px;line-height:22px;text-align:center;}
.content_page button{position:absolute;margin:-5px 0 0 35px;*margin:0 0 0 35px;padding:0;background:#fff;border:1px solid #AECD9E;color:#A0A0A0;width:40px;height:24px;line-height:24px;text-align:center;font-size:12px;}
.content_url{font-size:14px;font-family:arial;color:#06f;margin:20px;}
.content_url span{color:#666;}
.content_url input{background:#50B20E;color:#fff;width:40px;border:0;height:24px;}
.content_url #this_url{border:1px solid #ccc;width:464px;font-family:arial;color:#000;height:20px;line-height:20px;background:#fff;}


.list_photo{
    width:94%;
    height:auto;overflow:hidden;
    margin:10px auto;
}
    .list_photo li {
        width: 23%;
        height: auto;
        float: left;
        margin: 0 1% 30px 1%;
        overflow: hidden;
        transition:all 0.5s;
        background:#999;
        color:#fff;text-align:center;
    }
    .list_photo li:hover{
        background:#0054a6;
        box-shadow:0 10px 10px #ccc;
        padding-bottom:10px;
        margin-bottom:20px;
    }
     .list_photo li div{
         width:100%;
         height:200px;overflow:hidden;
         position:relative;
     }
    .list_photo li img {
        width:100%;
        height:200px;
        position:absolute;
        top:0;
        left:0;
    }
    .list_photo li h2 {
        width: 100%;
        height:40px;line-height:40px;overflow:hidden;
        text-align:center;
        color:#fff;
    }
    .list_photo li h2 a{color:#fff;}

.list_news{
    width:90%;
    height:auto;overflow:hidden;
    margin:20px auto;
}
.list_news li{
    width:100%;
    height:40px;line-height:40px;overflow:hidden;
    border-bottom:1px solid #eee;
    text-indent:10px;
    transition:all 0.6s;
}
.list_news li:hover{
    text-indent:30px;
}
.list_news li:hover a{color:#0054a6;}
.list_news li i{
    float:right;
    color:#999;
    font-style:normal;
    padding-right:10px;
}

.PageFactory{
    width:100%;
    height:auto;overflow:hidden;
}
.PageFactory li{
    width:22%;float:left;
    margin:10px 1.5%;
    text-align:center;
    line-height:40px;
    box-shadow:0 5px 5px #eee;
    transition:all 0.5s;
}
.PageFactory li img {
    width:100%;
    max-height:300px;
}
.PageFactory li:hover{
    box-shadow:0 5px 5px #ccc;
}
.picShow{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
    margin:20px auto;
}
.picShow img{
    max-height:500px;
}

@media(max-width:900px){
    .width{
        width:94%;
    }
    .PageNav li{
        float:left;
        padding:2px 10px;
        background:#0054a6;
        color:#fff;
        margin:0 5px 10px 5px;
        border-radius:5px;
        font-size:12px;
        transition:all 0.4s;
    }
    .list_photo li {
        width: 48%;
        margin: 0 1% 30px 1%;
    }
     .list_photo li div{
         width:100%;
         height:150px;
         position:relative;
     }
    .list_photo li img {
        width:100%;
        height:150px;
        position:absolute;
        top:0;
        left:0;
    }
    .PageFactory li{
        width:46%;float:left;
        margin:10px 1.5%;
        text-align:center;
        line-height:40px;
        border:1px solid #eee;
        box-shadow:0 5px 5px #eee;
        transition:all 0.5s;
    }
    .PageFactory li img {
        width:100%;
        max-height:300px;
    }
    .picShow img{
        width:90%;
    }

    .ContactLeft{
        width:100%;float:left;
    }
    .ContactRight{
        width:100%;float:left;
    }
}